<template>
  <view class="pics">
    <scroll-view class="left" scroll-y>
      <view>数码产品</view>
      <view>数码产品</view>
      <view>数码产品</view>
      <view>数码产品</view>
      <view>数码产品</view>
      <view>数码产品</view>
      <view>数码产品</view>
      <view>数码产品</view>
      <view>数码产品</view>
	  <view>数码产品</view>
	  <view>数码产品</view>
	  <view>数码产品</view>
	  <view>数码产品</view>
	  <view>数码产品</view>
	  <view>数码产品</view>
    </scroll-view>
	<scroll-view class="right" scroll-y>
		<view class="item">
			<image src="https://img.alicdn.com/bao/uploaded/i4/O1CN01kjAaTa1ntpYkIytI5_!!0-rate.jpg_400x400.jpg"></image>
			<text>开机飞快，安装虚拟机运行流畅</text>
		</view>
		<view class="item">
			<image src="https://img.alicdn.com/bao/uploaded/i1/O1CN01SwFLHn1CKtZ3ZXEk2_!!0-rate.jpg_400x400.jpg"></image>
			<text>其他特色：性价比挺高的，客服有耐心态度好</text>
		</view>
		<view class="item">
			<image src="https://img.alicdn.com/bao/uploaded/i4/O1CN01czRWJW1JnTaexIwRX_!!0-rate.jpg_400x400.jpg"></image>
			<text>性价比高，运行快，外观设计简洁美观</text>
		</view>
	</scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
	};
  },
  methods: {
  },
};
</script>

<style lang="scss">
page{
	height: 100%;
}
	.pics {
		display: flex;
		height: 100%;
		.left {
			width: 200rpx;
			height: 100%;
			border-right: 1px solid #eee;
			view {
				line-height: 70px;
				text-align: center;
				border-bottom: 1px solid #da2911;
			}
		}
		.right {
			height: 100%;
			width: 530rpx;
			margin: 20rpx auto;
			.item {
				margin-bottom: 50rpx;
				image {
					border-radius: 10px;
					width: 100%;
					height: 520rpx;
				}
				text {
					padding: 20rpx;
					font-size: 35rpx;
				}
			}
		}
		.left view:hover {
			background-color: #da2911;
			color: #fff;
		}
	}
</style>
